#app {
  /* color var */
  --m-overlay-color: rgba(0, 0, 0, 0.6);
  --m-mask-color: rgba(255, 255, 255, 0.9);
  --m-color-primary: #409eff;
  --m-color-success: #67C23A;
  --m-color-warning: #E6A23C;
  --m-color-danger: #F56C6C;
  --m-color-info: #909399;
  --m-text-color-primary: #303133;
  --m-text-color-placeholder: #A8ABB2;
  --m-text-color-disabled: #C0C4CC;
  --m-bg-color: #ffffff;
  --m-bg-color-page: #F2F3F5;
  --m-border-color: #DCDFE6;
  --m-border-color-dark: #D4D7DE;
  --m-border-color-darker: #CDD0D6;
  --m-border-color-light: #E4E7ED;
  --m-border-color-lighter: #EBEEF5;

  --m-loading-spinner-size: 42px;

  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
